<template>
  <div id="app">
    <h2>作用域插槽</h2>
    <pannel-area>
      <template #title>
        <em>作用域管理</em>
      </template>
      <!-- v-slot=接受一个对象 -->
      <template v-slot="scope">
        <!-- <div>{{ scope }}</div> -->
        <div>{{ scope.bang }}</div>
        <div>{{ scope.ding }}</div>
        <div>作用域1</div>
        <div>作用域2</div>
        <div>作用域3</div>
      </template>
    </pannel-area>
  </div>
</template>

<script>
import PannelArea from "./components/PannelArea.vue";
export default {
  name: "App",
  components: { PannelArea },
};
</script>

<style>
</style>
